// ================================= 扫光特效 =================================
/* 文字扫光 */
.sweep-light-txt {
  background: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0) 40%,
      rgba(255, 255, 255, 0.7),
      rgba(255, 255, 255, 0) 60%
    ) -100% / 50% no-repeat currentColor;
  animation: shark-txt 8s infinite;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@keyframes shark-txt {
  from {
    background-position: -100%;
  }
  to {
    background-position: 200%;
  }
}

/* 图片扫光 */
.sweep-light-img {
  position: relative;
  overflow: hidden;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
}
.sweep-light-img::after {
  content: '';
  position: absolute;
  inset: -20%;
  background: linear-gradient(
    45deg,
    rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0) 60%
  );
  animation: shark-wrap 8s infinite;
  transform: translateX(-100%);
}
@keyframes shark-wrap {
  to {
    transform: translateX(100%);
  }
}

// ================================= 泛光呼吸 =================================
/* 阿里妈妈字体 */
@font-face {
  font-family: 'ALIMAMASHUHEITI-BOLD';
  src: url(../../assets/fonts/ALIMAMASHUHEITI-BOLD.ttf);
  font-weight: normal;
  font-style: normal;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #2ec7e5, 0 0 80px #2ec7e5, 0 0 140px #2ec7e5, 0 0 80px #2ec7e5;
  }
  to {
    text-shadow: 0 0 10px #bae2ff, 0 0 80px #bae2ff, 0 0 140px #bae2ff, 0 0 80px #bae2ff;
  }
}
.boan-floodlight-breathe {
  font-family: ALIMAMASHUHEITI-BOLD;
  background: linear-gradient(180deg, #c8d7e4 0%, #ffffff 100%);
  -webkit-background-clip: text; /*将设置的背景颜色限制在文字中*/
  -webkit-text-fill-color: transparent; /*给文字设置成透明*/
  font-synthesis: style;
  font-style: italic;
  /* text-shadow: 0 0 10px #bae2ff, 0 0 80px #bae2ff, 0 0 140px #bae2ff, 0 0 80px #bae2ff; */
  -webkit-animation: glow 2s ease-in-out infinite alternate;
  -moz-animation: glow 2s ease-in-out infinite alternate;
  animation: glow 2s ease-in-out infinite alternate;
  user-select: none;
}
